<template>
  <div id="app">
<<<<<<< HEAD
    <!-- 路由对应的组件存放到router-view中-->
    <router-view></router-view>
    <!-- 底部tabbar 组件 -->
    <AppTabBar></AppTabBar>
=======
    <!-- 设置一级路由的坑 -->
    <router-view></router-view>
    <!-- 使用AppTabBar组件 -->
    <AppTabBar ></AppTabBar>
>>>>>>> b1a4ac4268abf08802b874e0e5d26b735a6e1e89
  </div>
</template>

<script>
<<<<<<< HEAD
// 引入底部tabbar 组件
import AppTabBar from "./components/AppTabBar";
export default {
  name: "App",
  components: { AppTabBar },
};
</script>

<style>
#app {
  font-size: 12px;
}
</style>
=======
//导入底部tarbar组件
import AppTabBar from "@/components/AppTabBar";
export default {
  name: "App",
  components: {
    AppTabBar,
  },
  data() {
    return {};
  },
  created() {
    // console.log(this);
  },
};
</script>

<style lang='less'>
#app {
  width: 100%;
}
</style>
>>>>>>> b1a4ac4268abf08802b874e0e5d26b735a6e1e89
